<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Bajlam System</title>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true">
                 <p align="center">CONTABILIDAD</p> 
                </p:layoutUnit>

                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                    <p align="center">INVENTARIO</p>
                </p:layoutUnit>

                <p:layoutUnit position="west" size="200" header="MENU" collapsible="true">
                    <p:menu>
                         <p:submenu label="Inventario">
                            <p:menuitem value="Catalogo de Cuentas" url="catalogo.xhtml" />
                            <p:menuitem value="Diario" url="diario.xhtml" />
                            <p:menuitem value="Estado de Resultados" url="estado.xhtml" />
                            <p:menuitem value="Balance General" url="balance.xhtml" />
                            
                        </p:submenu>

                    </p:menu>
                </p:layoutUnit>

     <p:layoutUnit position="center">  
         
     <h:form>      
        
    <p:panel id="panel" header="Bajlam System" style="margin-bottom:10px;">
   
        <!-- inicia boton Ingreso Manual -->
<p:commandButton value="Ingreso Manual" onclick="PF('dlg1').show();" type="button" />
 <p:dialog header="Inventario" widgetVar="dlg1" minimizable="true" maximizable="true">
   <h:outputText value="Registro Inicial" /> <br />
   <h:outputText value="Ingresar los datos en las casillas correspondientes" /> <br /><br /><br />
   <h:outputText value="Fecha: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" />
   <p:calendar id="button" value="#{calendarView.date3}" showOn="button" /><br /><br />
   
   <h:outputLabel for="txt4" value="Tipo de Cuenta: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" />
            <h:selectOneMenu id="txt4" value="#{selectorView.text4}" required="true" label="Text4">
                <f:selectItem itemLabel="Activo" itemValue="" noSelectionOption="true" />
                <f:selectItem itemLabel="Pasivo" itemValue="1" />
                <f:selectItem itemLabel="Patrimonio" itemValue="2" />
                <f:selectItem itemLabel="Ingresos" itemValue="3" />
                <f:selectItem itemLabel="Gastos" itemValue="4" />
            </h:selectOneMenu>
            <p:message for="txt4" />
            <h:outputText value="#{selectorView.text4}" /><br />
   
    <h:outputLabel for="txt4" value="Nombre de Cuenta: &nbsp; &nbsp;" />
            <h:selectOneMenu id="txt4" value="#{selectorView.text4}" required="true" label="Text4">
                <f:selectItem itemLabel="Mobiliario" itemValue="" noSelectionOption="true" />
                <f:selectItem itemLabel="vehiculos" itemValue="1" />
                <f:selectItem itemLabel="Inmueble" itemValue="2" />
                <f:selectItem itemLabel="Mercaderia" itemValue="3" />
                <f:selectItem itemLabel="Cuenta X pagar" itemValue="4" />
            </h:selectOneMenu>
            <p:message for="txt4" />
            <h:outputText value="#{selectorView.text4}" /><br />        
            
    <h:outputLabel for="txt4" value="Articulo: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; " /> 
            <p:inputText id="txt5" value="#{selectorView.text5}" required="true" label="Text 5">
                <f:validateLength minimum="4" />
            </p:inputText>
            <p:message for="txt5" />
            <h:outputText value="" /><br />        
            
   <h:outputLabel for="txt4" value="Descripción: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" /> 
            <p:inputText id="txt5" value="#{selectorView.text5}" required="true" label="Text 5">
                <f:validateLength minimum="4" />
            </p:inputText>
            <p:message for="txt5" />
            <h:outputText value="" /><br />
      
    <h:outputLabel for="txt4" value="Precio Venta: &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; " /> 
            <p:inputText id="txt5" value="#{selectorView.text5}" required="true" label="Text 5">
                <f:validateLength minimum="4" />
            </p:inputText>
            <p:message for="txt5" />
            <h:outputText value="" /><br />        
            
   <h:outputLabel for="txt4" value="Precio Compra: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" /> 
            <p:inputText id="txt5" value="#{selectorView.text5}" required="true" label="Text 5">
                <f:validateLength minimum="4" />
            </p:inputText>
            <p:message for="txt5" />
            <h:outputText value="" /><br /><br />

  
    <h:panelGrid columns="5">
        <h:outputText value="&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" />
        <p:commandButton update="@(form)" value="Registrar" />
        <p:commandButton update="@(form:last)" value="Cancelar" />
        <p:commandButton update="@(.ui-panel)" value="Ayuda" />
        <p:commandButton update="@(.ui-panel)" value="Salir" />
    </h:panelGrid>
           
</p:dialog><br /><br />
        <!-- Finaliza boton ingreso manual -->
   
   <h:outputText value="Informe de Inventario" /> <br />
   <h:outputText value="Seleccionar Valor, para ordenar informe" /> <br /><br />
   
   <h:outputLabel for="txt4" value="Ordenar Por: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" />
            <h:selectOneMenu id="txt4" value="#{selectorView.text4}" required="true" label="Text4">
                <f:selectItem itemLabel="Articulo" itemValue="" noSelectionOption="true" />
                <f:selectItem itemLabel="Descripción" itemValue="1" />
                <f:selectItem itemLabel="Cantidad" itemValue="2" />
                <f:selectItem itemLabel="Precio de Venta" itemValue="3" />
                <f:selectItem itemLabel="Precio de Compra" itemValue="4" />
            </h:selectOneMenu>
            <p:message for="txt4" />
            <h:outputText value="#{selectorView.text4}" /><br />
        
        <!-- inicia boton Grid Basico -->
            <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
        <p:outputLabel for="console" value="De forma:" />
        <p:selectOneRadio id="console" value="#{radioView.console}">
            <f:selectItem itemLabel="Descendente &nbsp; &nbsp;" itemValue="Descendente" />
            <f:selectItem itemLabel="Ascendente" itemValue="Ascendente" />
            </p:selectOneRadio>
    </h:panelGrid>
                
   <!-- inicia boton Grid Basico -->
<h:panelGrid columns="7">                                  
        <!-- inicia boton Vista -->
<p:commandButton value="Ver Informe" onclick="PF('dlg').show();" type="button" />
   <p:dialog header="Informe de Inventario" widgetVar="dlg" minimizable="true" maximizable="true">
   <h:outputText value="Seleccione la fecha," /> <br /><br /><br />
   <h:outputText value="Fecha: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" />
   <p:calendar id="button" value="#{calendarView.date3}" showOn="button" /><br /><br />
   
               <!-- Inicia la tabla Data Table Basic -->              
     <p:dataTable var="car" value="#{dtBasicView.cars}">
     
    <p:column headerText="No. Cuenta">
        <h:outputText value="#{car.cuenta}" />
    </p:column>

    <p:column headerText="Cuenta">
        <h:outputText value="#{car.cuenta1}" />
    </p:column>
    
    <p:column headerText="Articulo">
        <h:outputText value="#{car.articulo}" />
    </p:column>
         
    <p:column headerText="Descripción">
        <h:outputText value="#{car.descripcion}" />
    </p:column>
         
    <p:column headerText="Precio Venta">
        <h:outputText value="#{car.venta}" />
    </p:column>
         
    <p:column headerText="Precio Compra">
        <h:outputText value="#{car.compra}" />
    </p:column>
                     
</p:dataTable>
            <p:spacer />
  <!-- Termina la tabla - Data Table Basic -->
 
  <h:panelGrid columns="6">
      <h:outputText value="&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" />
        <p:commandButton update="@(form)" value="Vista Previa" />
        <p:commandButton update="@(form:last)" value="Imprimir" />
        <p:commandButton update="@(.ui-panel)" value="Guardar" />
        <p:commandButton update="@(.ui-panel)" value="Correo" />
        <p:commandButton update="@(.ui-panel)" value="Salir" />
    </h:panelGrid>
           
</p:dialog>
<!-- Finaliza boton Vista -->


        <p:commandButton update="@(.ui-panel)" value="Cancelar" />
        <p:commandButton update="@(.ui-panel)" value="Ayuda" />
        <p:commandButton update="@(.ui-panel)" value="Salir" />
    </h:panelGrid>

  </p:panel>
  </h:form>
         
         </p:layoutUnit>
            </p:layout>

        </h:body>

    </f:view>
</html>

